<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <link rel="shortcut icon" href="../favicon.ico">
  <title>布局</title>
  <link rel="stylesheet" href="../styles/global.css">
  <link rel="stylesheet" href="../styles/record.css">
</head>

<body>
  <header class="header clearFix">
    <nav class="nav">
      <div class="nav-r">
        <a href="./index.html">
          <img src="../images/logo.png">
          <span>万果田园</span>
        </a>
      </div>
      <ul class="navList">
        <li>
          <a href="./survey.html">概况</a>
        </li>
        <li>
          <a href="./information.html">资讯</a>
        </li>
        <li>
          <a href="./business.html">业务</a>
        </li>
        <li>
          <a href="./layout.html">布局</a>
        </li>
        <li>
          <a href="./latest.html">动态</a>
        </li>
        <li class="active">
          <a href="javascript:;">全程追溯</a>
        </li>
        <li>
          <a href="./introduce-join.html">合作</a>
        </li>
        <li>
          <a href="./download.html">APP下载</a>
        </li>

      </ul>
    </nav>
  </header>
  <div class="main">
    <img class="banner" src="../images/record-top.png" alt="">
    <div class="record-content">
      <div class="record-content-01">
        <div class="record-content-title tc">什么是农产品追溯？</div>
        <div class="record-content-desc tc auto">
          农产品追溯是指在农产品的原辅料供应、生产管理、仓储物流、营销相关业务环节采取合适的软硬件技术手段实时记录产品信息，可通过查询随时跟踪产品的生产状态、仓储状态和流向”，以达到产品追溯管理的目的。进入21世纪以来，随着经济发展和社会进步，人民物质水平得到显著提升，与此同时，对于生活品质的要求也随之提高。其中人们对于食品安全问题愈发关注，如何吃的安全、吃的放心，成为当代人民最关心的问题。
        </div>
        <ul class="record-icon-list clearfix">
          <li class="record-icon-list-li record-icon-list-li1">
            <div class="list-li-bg"></div>
            <div class="text">原材料供应</div>
          </li>
          <li class="record-icon-list-li record-icon-list-li2">
            <div class="list-li-bg"></div>
            <div class="text">生产管理</div>
          </li>
          <li class="record-icon-list-li record-icon-list-li3">
            <div class="list-li-bg"></div>
            <div class="text">仓储物流</div>
          </li>
          <li class="record-icon-list-li record-icon-list-li4">
            <div class="list-li-bg"></div>
            <div class="text">营销业务</div>
          </li>
        </ul>
      </div>
      <div class="record-content-02">
        <div class="record-content-title tc">使用万果田园如何溯源？</div>
        <div class="record-content-02-01">
          <div class="record-content-02-title">溯源系统分类</div>
          <div class="record-content-02-desc clearfix">
            <div class="classify classify01">
              <div class="classify1">实时溯源</div>
              <div class="classify2">认养农产品后</div>
              <div class="classify3">认养成功后用户可以实时跟踪产品每日生长情况，何时栽种、何时裁剪、何时浇水、何时养护及具体操作人员信息，并配有可视化视频及图片，让用户可以更全面的了解认养产品的长势信息。</div>
            </div>
            <div class="classify classify02">
              <div class="classify1">扫码溯源</div>
              <div class="classify2">收到农产品后</div>
              <div class="classify3">在用户收到产品后，可以通过扫描产品包装上的二维码查看产品 相关的全部信息，包括种植信息、生产信息、市场流通信息。每 一步都有可视化视图相配，让用户体会到全程追溯的可靠。
              </div>
            </div>
          </div>
        </div>
        <div class="record-content-02-02">
          <div class="record-content-02-title">扫码后可见</div>
          <ul class="record-content-02-desc clearfix">
            <li class="desc-list desc-list1">
              <div class="list-icon"></div>
              <div class="list-text">生长情况</div>
            </li>
            <li class="desc-list desc-list2">
              <div class="list-icon"></div>
              <div class="list-text">基地信息</div>
            </li>
            <li class="desc-list desc-list3">
              <div class="list-icon"></div>
              <div class="list-text">操作人员信息</div>
            </li>
            <li class="desc-list desc-list4">
              <div class="list-icon"></div>
              <div class="list-text">设施信息</div>
            </li>
            <li class="desc-list desc-list5">
              <div class="list-icon"></div>
              <div class="list-text">气象信息</div>
            </li>
            <li class="desc-list desc-list6">
              <div class="list-icon"></div>
              <div class="list-text">生产信息</div>
            </li>
            <li class="desc-list desc-list7">
              <div class="list-icon"></div>
              <div class="list-text">种植信息</div>
            </li>
            <li class="desc-list desc-list8">
              <div class="list-icon"></div>
              <div class="list-text">市场流通信息</div>
            </li>
          </ul>
        </div>
      </div>
      <div class="record-content-03">
        <div class="record-content-title tc">追溯界面展示</div>
        <div class="record-content-03-desc">
          <div class="desc-l l"></div>
          <div class="desc-r l">
            <div class="desc-r-title">扫码追溯 触手可及</div>
            <div class="desc-r-text">万果坚持所有产品都可以认养后实时追踪溯源、收获后扫码全程溯源，这份坚持，奠定了万果产品绿色健康、天然安全的属性，让所有万果用户都能吃得开心、吃的放心、吃的安心。
            </div>
            <ul class="desc-r-icon">
              <li class="icon-list icon-list1">
                <div class="icon">
                  <img src="../images/desc3-icon1.png" alt="">
                </div>
                <div>视频记录</div>
              </li>
              <li class="icon-list icon-list2">
                <div class="icon">
                  <img src="../images/desc3-icon2.png" alt="">
                </div>
                <div>图片记录</div>
              </li>
              <li class="icon-list icon-list3">
                <div class="icon">
                  <img src="../images/desc3-icon3.png" alt="">
                </div>
                <div>文字记录</div>
              </li>
              <li class="icon-list icon-list4">
                <div class="icon">
                  <img src="../images/desc3-icon4.png" alt="">
                </div>
                <div>基地介绍</div>
              </li>
            </ul>
          </div>
        </div>
      </div>
      <div class="record-content-04">
        <div class="record-content-title tc">万果溯源系统</div>
        <div class="record-content-04-desc"></div>
      </div>
      <div class="record-content-05">
        <div class="record-content-title tc">产品品类</div>
        <ul class="record-content-05-desc">
          <li class="list-li list-li1">
            <div class="list-li-icon">
              <img src="../images/part05-1.png" alt="">
            </div>
            <div class="list-li-text">蔬菜类</div>
            <div class="mask">用心浇灌，有机种植，只为让您的餐桌每一道菜都绿色新鲜</div>
          </li>
          <li class="list-li list-li2">
            <div class="list-li-icon">
              <img src="../images/part05-2.png" alt="">
            </div>
            <div class="list-li-text">水果类</div>
            <div class="mask">果园很大，从南到北，从国内延伸到国外，满园果香任君挑选</div>
          </li>
          <li class="list-li list-li3">
            <div class="list-li-icon">
              <img src="../images/part05-3.png" alt="">
            </div>
            <div class="list-li-text">茶类</div>
            <div class="mask">泡一杯清茶，品一口韵香，片片茶叶，百味人生，大道至简，苦后回甜</div>
          </li>
          <li class="list-li list-li4 mr0">
            <div class="list-li-icon">
              <img src="../images/part05-4.png" alt="">
            </div>
            <div class="list-li-text">调味类</div>
            <div class="mask">园中的调味料，带着妈妈当年的味道，山珍海味都不要，只想家的味道</div>
          </li>
          <li class="list-li list-li5">
            <div class="list-li-icon">
              <img src="../images/part05-5.png" alt="">
            </div>
            <div class="list-li-text">中草药</div>
            <div class="mask">最时尚的生活方式莫过于养生，园中每一颗草本都为您健康而生</div>
          </li>
          <li class="list-li list-li6">
            <div class="list-li-icon">
              <img src="../images/part05-6.png" alt="">
            </div>
            <div class="list-li-text">豆谷类</div>
            <div class="mask">日食三餐，每日陪伴，最容易忽视的往往却是我们身边最重要的</div>
          </li>
          <li class="list-li list-li7">
            <div class="list-li-icon">
              <img src="../images/part05-7.png" alt="">
            </div>
            <div class="list-li-text">花卉类</div>
            <div class="mask">七彩的花花世界，总有适合你的那一款，用心定制你的专属浪漫</div>
          </li>
          <li class="list-li list-li8 mr0">
            <div class="list-li-icon">
              <img src="../images/part05-8.png" alt="">
            </div>
            <div class="list-li-text">干果类</div>
            <div class="mask">时间风干了时鲜，留下浓缩的香甜，还有春夏秋冬的时刻陪伴</div>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <footer>
    <div class="footer-top clearfix">
      <div class="foot-l l">
        <p class="phone">电话：400-017-5917</p>
        <p class="email">邮箱：postmaster@wggyl.cn</p>
        <p class="address">地址：北京市丰台区新发地京良桥西南侧2000米路北丰合顺市场5号交易厅商01号</p>
      </div>
      <div class="foot-r r">
        <p>
          <img src="../images/erweima.png" alt="">
        </p>
        <p>扫一扫 关注我们</p>
      </div>
    </div>
    <div class="foot-b">万果供应链有限公司&nbsp;&nbsp;&nbsp;&nbsp;京ICP备17068845号</div>
  </footer>
  <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
  <script>
    $('.record-icon-list-li').hover(function () {
      $(this).addClass('record-li-active').children('.list-li-bg').css('backgroundImage',
        'url("../images/record-icon-0' + ($(this).index() + 1) + '-1.png")')
    }, function () {
      $(this).removeClass('record-li-active').children('.list-li-bg').css('backgroundImage',
        'url("../images/record-icon-0' +
        ($(this).index() +
          1) + '-0.png")')
    })
    $('.record-content-05-desc .list-li').hover(function () {
      $(this).children('.mask').show()
    }, function () {
      $(this).children('.mask').hide()
    })
    var height = document.documentElement.offsetWidth
    $('.record-content-03').css('height', (0.66 * height) > 1080 ? 1080 : (0.66 * height) + 'px')
  </script>
</body>

</html>
